<script setup lang="ts">
import { darkTheme, lightTheme, GlobalThemeOverrides  } from 'naive-ui'
import { onMounted, ref } from 'vue';
import themeData from '@/theme/theme-data.ts'

let theme = ref(lightTheme);
const themeOverrides:GlobalThemeOverrides  = {
  common: themeData.value.common,
  Button: {
  }
}

onMounted(() => {
  console.log(themeData.value);
  
})

</script>

<template>
  <n-config-provider :theme="theme" :theme-overrides="themeOverrides">
    <router-view />
  </n-config-provider>
</template>

<style scoped>

</style>
